<template>
  
  <div class="input-box">
            <input type="text" placeholder="输入任务名称" v-model="iptvalue">
            <span @click="add">新增</span>
        </div>
</template>

<script>
export default {
data(){
    return {
        iptvalue:''
    }
},
methods:{
    add(){
        if(this.iptvalue!=''){
            this.$store.commit('addList',this.iptvalue)
        this.iptvalue=''
        }
    }
}
}
</script>

<style lang="scss" scoped>
 .input-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .input-box input {
            flex: 1;
            height: 40px;
            border: none;
            outline: none;
            padding-left: 20px;
            background-color: #f5f5f5;
        }

        .input-box span {
            width: 60px;
            text-align: center;
            color: lightseagreen;
        }
</style>